<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/jsp/common/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="服务平台，评价神器">
    <meta name="author" content="jack">
    <link rel="shortcut icon" href="${baseUrlStatic}/icon/favicon.png">
    <title>评价神器</title>
	<!-- Bootstrap -->
	<link href="${baseUrlStatic}/css/Bootstrap/bootstrap.min.css" rel="stylesheet">
	<link href="${baseUrlStatic}/css/rate/common.css?version=${version}" rel="stylesheet">
	<link href="${baseUrlStatic}/css/rate/rate-index.css?version=${version}" rel="stylesheet">   
  </head>

  <body class="bodytop">
	<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">评价神器</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> 主页</a></li>
            <li><a href="#about"><span class="glyphicon glyphicon-info-sign"></span> 帮助中心</a></li>
            <li><a href="#contact"><span class="glyphicon glyphicon-earphone"></span> 联系我们</a></li>
          </ul>
          <p class="navbar-text pull-right"><span class="glyphicon glyphicon-user"></span> 欢迎您，
          	<a href="#" class="navbar-link">${userName}</a>&nbsp;&nbsp;
          	<button type="button" class="btn btn-danger btn-sm logout" onfocus="this.blur()">退出</button>
          </p>
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </div><!-- /.navbar -->

    <div class="container">
    
      <div class="row">
      	<div class="help col-xs-12 col-sm-12">
			<div class="panel panel-danger">
			  <div class="panel-heading">
			    <h3 class="panel-title">最新公告</h3>
			  </div>
			  <div class="panel-body">
			  	尊敬的用户，新版本包含客服子账号功能，将于近期上线，敬请期待...
			  </div>
			</div>
		</div>
      </div>
      
      <div class="row">
      
      <!-- 左侧菜单栏 -->
      
   		<div class="col-xs-2 col-sm-2 sidebar-offcanvas" id="sidebar" role="navigation">
          <div class="list-group">
          	<div></div>
            <a href="javascript:;" class="list-group-item" id="userInfo" onfocus="this.blur()">
            	<span class="glyphicon glyphicon-cog"></span> 个人信息</a>
            <a href="javascript:;" class="list-group-item" id="setup" onfocus="this.blur()">
            	<span class="glyphicon glyphicon-cog"></span> 自动评价</a>
            <a href="javascript:;" class="list-group-item" id="toMain" onfocus="this.blur()">
            	<span class="glyphicon glyphicon-thumbs-up"></span> 批量手动评价</a>
            <a href="javascript:;" class="list-group-item" onfocus="this.blur()">
            	<span class="glyphicon glyphicon-lock"></span> 黑名单</a>
            <a href="javascript:;" class="list-group-item" onfocus="this.blur()">
            	<span class="glyphicon glyphicon-wrench"></span> 处理差评</a>
            <a href="javascript:;" class="list-group-item" onfocus="this.blur()">
            	<span class="glyphicon glyphicon-list-alt"></span> 评价日志</a>
          </div>
        </div><!--/span-->
        
	  <!-- 右侧显示区域 -->
        <div class="col-xs-12 col-sm-10">
        	<div id="rightFrame" style="height:550px;">  
	          <div class="jumbotron" id="jumb">
	            <h1>Hello, world!</h1>
	            <p>This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.</p>
	          </div>
	          <div class="row" id="jumbbehind">
	            <div class="col-6 col-sm-6 col-lg-4">
	              <h2>Heading</h2>
	              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
	              <p><a class="btn btn-default" href="javascript:;" role="button">View details &raquo;</a></p>
	            </div><!--/span-->
	            <div class="col-6 col-sm-6 col-lg-4">
	              <h2>Heading</h2>
	              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
	              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
	            </div><!--/span-->
	            <div class="col-6 col-sm-6 col-lg-4">
	              <h2>Heading</h2>
	              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
	              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
	            </div><!--/span-->
	            <div class="col-6 col-sm-6 col-lg-4">
	              <h2>Heading</h2>
	              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
	              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
	            </div><!--/span-->
	            <div class="col-6 col-sm-6 col-lg-4">
	              <h2>Heading</h2>
	              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
	              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
	            </div><!--/span-->
	            <div class="col-6 col-sm-6 col-lg-4">
	              <h2>Heading</h2>
	              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
	              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
	            </div><!--/span-->
	          </div><!--/row-->
          </div>
        </div><!--/span-->
        
        
        		
	    <div class="list-group col-xs-2 col-sm-2 ad">
		  <a href="#" class="list-group-item active">
		    <h4 class="list-group-item-heading">广告位虚位以待</h4>
		    <p class="list-group-item-text">...</p>
		  </a>
		</div>
		
		
      </div><!--/row-->
      <hr>
    </div><!--/.container-->
    
    <footer id="footer">
		<div class="wrapper">
			<div class="copyRight"> Copyright © 2003-2013 Works Map Co., Ltd. All right Reserved. 京ICP备 1号-5, 版权所有，盗版必究  <a href="http://www.baidu.com">Made by us.</a> <a href="http://www.google.com.hk">2013.9.1</a></div>
		</div>
	</footer>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
   	<script type="text/javascript" src="${baseUrlStatic}/js/Bootstrap/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="${baseUrlStatic}/js/Bootstrap/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#toMain").click(function(){
				$('#rightFrame').load('/jsp/rate/main_home.jsp');
			});
			$("#setup").click(function(){
				$('#rightFrame').load('/sellerConfig');
			});
			$("#userInfo").click(function(){
				$('#rightFrame').load('/shop');
			});
			  
			var switchStatus = "${userConfig.switchStatus}";
		 	if(!switchStatus && switchStatus == "false"){
		 		$("#closeStatus").hide();
			$("#openStatus").show();
		 	}else{
		 		$("#openStatus").hide();
			$("#closeStatus").show();
		 	}
			$("#openControlRate").click(function(){
				$("#closeStatus").hide();
				$("#openStatus").show();
			});
			$("#closedControlRate").click(function(){
				$("#openStatus").hide();
				$("#closeStatus").show();
			});
		});
		// 左侧菜单切换
    	jQuery(document).on('click', '#sidebar .list-group a', function(elem) {
    		var menu = jQuery(this);
    		if (menu.is('.cascade')) {
    			menu.toggleClass('open');
    		}else {
    			menu.closest('.list-group').find('a').removeClass('active');
    			menu.closest('.list-group').find('.cascade').removeClass('open');
    			menu.closest('.cascade').addClass('open');
    			menu.addClass('active');
    		} 
    		var href = elem.attr("href");
    		// HACK IE outline
    		menu.find('a').blur();
    		return false;
    	});
	</script>
  </body>
</html>
